<!-- 声明文件是类型是网页 -->
<!DOCTYPE html>

<!-- 这个HTML标签 比喻：一个人 -->
<html>
	<!-- 头 头部标签 -->
	<head>
		<!-- 防止页面输出的内容是看不懂得内容，我们官方统称为乱码 -->
		<meta charset="utf-8">
		<title>34期开班了，大家学完测试走上人生巅峰</title>
		<link rel="stylesheet" type="text/css" href="./css/314.css"/>
	</head>

	<!-- 身体 我们所有的网页内容都编写在这里面 -->
	<body>
		<!-- 标题标签 H1-H6 -->
		<h1>孟兆文20岁</h1>
		<h2>高新宇30岁</h2>
		<h3>张紫薇18岁</h3>
		<h4>兑换积分电话费</h4>
		<h5>兑换积分电话费</h5>
		<h6>兑换积分电话费22222</h6>

		<!-- 段落标签 p-->
		<p>等积分活动经费回复对方电话费大对对对家fdgndfgdfgfddfdgfhgfdsdjghfdsdhgjhfdhghgfdghgfdsgfhvhghggggcfsd的看法地方扩大开放空间大家分开发的科技风科技的科技风科技的空间放得开晶方科技抵扣积分的快捷付款交电费
			gf,mg,mfg,mf,mgfg,mf,mgf,mgfgmfgfg,mgm,fg发</p>
		<p>等积分活动经费回复对方电话对对对费大家发</p>
		<p>等积分活动经费回复对方电话费对对对大家发</p>
		<p>等积分活动经费回复对方电话等等费大家发</p>
		<p>等积分活动经费回复对方电话对对对费大家发</p>

		<!-- span 内联元素内置标签 -->
		<!-- style行内样式 -->
		<p>hdfjdhsjfhakjfdsfdsfdf<span class="sp">等级划分等积分活动经费很多</span>金凤凰巅峰</p>
		<!-- 图片标签 src指定路径 alt如果图片加载不出来就显示加的内容-->

		<img src="./img/na.png" alt="这个图片出现问题了加载失败了" class="im">
		<img src="img/yi.png" alt="这个图片出现问题了加载失败了"  class="im">

		<!-- 表格标签 -->
		<table border="1px" cellspacing="0" class="ta">
			<!-- 行标签 -->
			<tr>
				<!-- 列 -->
				<td colspan="3">成绩表</td>
				<!-- <td>成绩表</td>
				<td>成绩表</td> -->
			</tr>
			<tr>
				<!-- 列 -->
				<td rowspan="3">编号</td>
				<td>姓名</td>
				<td>成绩</td>
			</tr>
			<tr>
				<!-- 列 -->
				<!-- <td>1</td> -->
				<td>孟兆文</td>
				<td>99</td>
			</tr>
			<tr>
				<!-- 列 -->
				<!-- <td>2</td> -->
				<td>高新宇</td>
				<td>100</td>
			</tr>
		</table>

		<!-- 无序列表 -->
		<ul>
			<li>中午吃啥</li>
			<li>我去坡上还是赛格</li>
			<li>我今晚去约会</li>
			<li>还是学习</li>
			<li>算了，还是学习吧，不然以后连女朋友找不到</li>
		</ul>

		<!-- 有序列表 -->
		<ol>
			<li>待开发地方</li>
			<li>大幅度发</li>
			<li>大幅度发的</li>
		</ol>
		<!-- 超链接标签 -->
		<a href="http://news.baidu.com/">新闻</a>

		<!-- 块标签 -->
		<div style="height: 500px;border: 1px dashed red;background-color: #77FF00;">
			<a href="http://news.baidu.com/">新闻</a>
			<ul>
				<li>中午吃啥</li>
				<li>我去坡上还是赛格</li>
				<li>我今晚去约会</li>
				<li>还是学习</li>
				<li>算了，还是学习吧，不然以后连女朋友找不到</li>
			</ul>

		</div>
		<div style="height: 100px;border: 1px dashed red;background-color: #77FF00;">
			技术的空间设计十分豆腐脑大幅度发你<br>地芬尼多发你的发的那份地方地方<br>

			<b>辅导辅导辅导辅导</b>

		</div>
		<div class="news">
			<a href="http://news.baidu.com/">新闻</a>
		</div>
		
		<!-- form表单标签-->
		<form action="https://www.baidu.com" method="post">
			用户名:<input type="text" value=""/><br/>
			密码:  <input type="password"  value=""/><br/>
			<input type="submit" value="登录" />
			
			<input type="button"  value="按钮" />
		</form>

	</body>
</html>
